<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			
			img{
				vertical-align: top;
			}
			
			a{
				color: inherit;
				text-decoration: none;
			}
			
			.container{
				width: 1200px;
				margin: 0 auto;
				height: 117px;
				background: pink;
			}
			
			img{
				float: left;
			}
			
			input{
				float: left;
				width: 200px;
				height: 25px;
				border-radius: 20px;
				outline: 0;
				padding: 0 10px;
			}
			
			ul{
				list-style: none;
			}
			
			.search{
				float: right;
				margin-top: 10px;
			}
			
			.search p{
				float: left;
				margin-left: 30px;
			}
			
			.ul_max{
			}
			
			.ul_box{
				float: right;
				position: relative;
				bottom: -69px;
   				right: -341px;
			}
			
			.ul_box li{
				float: left;
				line-height: 38px;
				width: 100px;
				text-align: center;
				background: red;
			}
			.li_baba{
				position: relative;
				
			}
			
			
			
			.ul_haizi{
				position: absolute;
				top: 38px;
				/*left: 20px;*/
				display: none;
			}
			
			.li_baba:hover .ul_haizi{
				display: block;
			}
		</style>
		
	</head>
	<body>
		<div class="nav">
			<div class="container">
				<img src="../images/logo.png"/>
				<div class="search">
					<input type="text" placeholder="SEARCH"/>
					<p>登录/注册</p>
					
					
				</div>
				<div class="ul_max">
					<ul class="ul_box">
						<li class="li_baba">首页
							<ul class="ul_haizi">
								<li>
									公司简介
								</li>
							</ul>
						</li>
						<li class="li_baba">拍摄基地
							<ul class="ul_haizi">
								<li>天上湖</li>
								<li>天上湖</li>
								<li>天上湖</li>
								<li>天上湖</li>
							</ul>
						</li>
						<li class="li_baba">真实客照
							<ul class="ul_haizi">
								<li>中国风</li>
								<li>中国风</li>
								<li>中国风</li>
							</ul>
						</li>
						<li class="li_baba">选择影师
							<ul class="ul_haizi">
								<li>陈漫</li>
								<li>陈漫</li>
								<li>陈漫</li>
								<li>陈漫</li>
								<li>陈漫</li>
							</ul>
						</li>
						<li>礼服妆容</li>
						<li>公司简介</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
